<template>
    <div class="detail">
      <div>
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item>首页</el-breadcrumb-item>
          <el-breadcrumb-item>项目审批</el-breadcrumb-item>
          <el-breadcrumb-item>项目可研评审</el-breadcrumb-item>
        </el-breadcrumb>
      </div>

      <div class="head">
        <h3 class="title"></h3>
        <ul class="tag">
          <li>
            <span>规划编号：</span>
            <i></i>
          </li>
          <li>
            <span>创建人：</span>
            <i></i>
          </li>
          <li>
            <span>创建时间：</span>
            <i></i>
          </li>
        </ul>
      </div>

      <div class="basicInfo">
        <h3 class="title">
          <i></i>
          基本信息
        </h3>
        <el-row>
          <el-col :span="12">
            <label>项目编码</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>建设单位</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>项目概算</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>资金来源</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>项目类型</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>计划开始时间</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>计划结束时间</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>项目联系人</label>
            <span></span>
          </el-col>
          <el-col :span="24">
            <label>项目联系人电话</label>
            <span></span>
          </el-col>
          <el-col :span="24">
            <label class="other">附件</label>
            <!-- <span>软件工程</span> -->
          </el-col>
          <el-col :span="24">
            <label class="other">建设内容</label>
            <span>建设内容</span>
          </el-col>
        </el-row>
      </div>

      <div class="basicInfo">
        <h3 class="title">
          <i></i>
          联合评审意见
        </h3>
        <el-row>
          <el-col :span="12">
            <label>联合评审时间</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>评审结果</label>
            <span></span>
          </el-col>
          <el-col :span="24">
            <label class="other">附件</label>
            <!-- <span>软件工程</span> -->
          </el-col>
          <el-col :span="24">
            <label class="other">联合评审意见</label>
            <span></span>
          </el-col>
        </el-row>
      </div>

      <div class="basicInfo">
        <h3 class="title">
          <i></i>
          初审
        </h3>
        <el-row>
          <el-col :span="12">
            <label>初审人</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>初审时间</label>
            <span></span>
          </el-col>
          <el-col :span="24">
            <label>初审结果</label>
            <span></span>
          </el-col>
          <el-col :span="24">
            <label class="other">附件</label>
            <!-- <span>软件工程</span> -->
          </el-col>
          <el-col :span="24">
            <label class="other">初审意见</label>
            <span></span>
          </el-col>
        </el-row>
      </div>

      <div class="basicInfo">
        <h3 class="title">
          <i></i>
          审定
        </h3>
        <el-row>
          <el-col :span="12">
            <label>审定人</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>审定时间</label>
            <span></span>
          </el-col>
          <el-col :span="24">
            <label>审定结果</label>
            <span></span>
          </el-col>
          <el-col :span="24">
            <label class="other">附件</label>
            <!-- <span>软件工程</span> -->
          </el-col>
          <el-col :span="24">
            <label class="other">审定意见</label>
            <span></span>
          </el-col>
        </el-row>
      </div>

      <div class="basicInfo">
        <h3 class="title">
          <i></i>
          批复意见
        </h3>
        <el-row>
          <el-col :span="12">
            <label>批复时间</label>
            <span></span>
          </el-col>
          <el-col :span="12">
            <label>批复结果</label>
            <span></span>
          </el-col>
          <el-col :span="24">
            <label class="other">附件</label>
            <!-- <span>软件工程</span> -->
          </el-col>
          <el-col :span="24">
            <label class="other">批复意见</label>
            <span></span>
          </el-col>
        </el-row>
      </div>

      <el-tabs type="border-card">
        <el-tab-pane label="工单处理"></el-tab-pane>
        <el-tab-pane label="流程图">
        </el-tab-pane>
        <el-tab-pane label="操作动态">
        </el-tab-pane>
      </el-tabs>

    </div>
</template>

<script>
    export default {
        name: "detail"
    }
</script>

<style scoped lang="less">
  .head {
    margin: 20px 0;
    padding: 20px;
    background-color: #fff;
    .title {
      font-size: 24px;
      font-weight: bold;
      color: rgba(51, 51, 51, 1);
    }
    .tag {
      display: flex;
      color: #999;
      margin-top: 10px;
      i {
        font-style: initial;
        color: #333;
      }
      li {
        margin-right: 40px;
      }
    }
  }

  .basicInfo {
    padding: 20px;
    background-color: #fff;
    .title {
      font-size: 18px;
      font-weight: bold;
      color: rgba(51, 51, 51, 1);
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      i {
        width: 4px;
        height: 16px;
        display: inline-block;
        background-color: #4967cf;
        margin-right: 6px;
      }
    }
    .el-row {
      border: 1px solid rgba(238, 238, 238, 1);
      border-bottom: none;
      .el-col {
        border-bottom: 1px solid rgba(238, 238, 238, 1);
      }
    }

    label {
      height: 40px;
      line-height: 40px;
      display: inline-block;
      width: 150px;
      background-color: #fafafa;
      text-align: right;
      padding-right: 14px;
      color: #999999;
    }
    .other {
      height: 80px;
    }
    span {
      height: 40px;
      padding-left: 15px;
      color: #333;
    }
  }

</style>
